<template>
  <button @click="btnClick" class="btn">{{ count }}</button>
  <div>{{ 111 }}</div>
  <div>{{ 'aaa' }}</div>
  <div>{{ [1, 2, 3].join(',') }}</div>
  <div>{{ true }}</div>
  <div>{{ undefined }}</div>
  <div>{{ null }}</div>
  <div>{{ false ? 1 : 2 }}</div>
  <div>{{ foo() }}</div>
</template>

<script>
import { ref } from 'vue'
export default {
  name: 'HelloWorld',
  setup() {
    const count = ref(0)
    const btnClick = () => {
      count.value += 1
    }
    const foo = () => {
      return '222'
    }
    return {
      btnClick,
      count,
      foo,
    }
  },
}
</script>
<style scoped>
.btn {
  padding: 10px;
  background-color: pink;
}
</style>
